/**展示内容的样式*/
.wang-editor-body {
	font-size: 14px;
	padding: 6px;
	overflow-y: auto;

	table {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;

		td, th {
			border-bottom: 1px solid #ccc;
			border-right: 1px solid #ccc;
			padding: 3px 5px;
		}

		th {
			border-bottom: 2px solid #ccc;
			text-align: center;
		}

		blockquote {
			display: block;
			border-left: 8px solid #d0e5f2;
			padding: 5px 10px;
			margin: 10px 0;
			line-height: 1.4;
			font-size: 100%;
			background-color: #f1f1f1;
		}

		code {
			display: inline-block;
			*display: inline;
			*zoom: 1;
			background-color: #f1f1f1;
			border-radius: 3px;
			padding: 3px 5px;
			margin: 0 3px;
		}

		pre {
			code {
				display: block;
			}
		}
	}
}

.page-view-content {
	word-wrap: break-word;

	strong {
		font-weight: bolder;
	}

	.hljs-center {
		text-align: center;
	}

	.hljs-right {
		text-align: right;
	}

	.hljs-left {
		text-align: left;
	}

	table {
		overflow: auto;
		width: 100%;
		max-width: 100%;
		border-spacing: 0;
		border-collapse: collapse;
		word-break: break-all;
	}

	table th {
		font-weight: 600;
	}

	table td, table th {
		padding: 6px 13px;
		border: 1px solid #dfe2e5;
	}

	table tr {
		background-color: #fff;
		border-top: 1px solid #c6cbd1;
	}

	table tr:nth-child(2n) {
		background-color: #f6f8fa;
	}

	blockquote {
		display: block;
		border-left: 2px solid #bac0c3;
		padding: 8px 10px;
		margin: 10px 0;
		line-height: 1.4;
		font-size: 100%;
		background-color: #f6f6f6;

		& > :first-child {
			margin-top: 0;
		}

		& > :last-child {
			margin-bottom: 0;
		}
	}

	/*样式覆盖*/
	ol {
		list-style-type: decimal;
		padding-left: 1em;
	}

	ul {
		list-style-type: disc;
		padding-left: 1em;
	}

	code {
		font-size: 1em;
		padding: .15em .5em;
		border-radius: 4px;
		background-color: #eee;
		color: #444;
	}

	pre {
		padding: 0;
		tab-size: 4;
		font-size: 100% !important;
		position: relative;
		background-color: #292d3e !important;
		border-radius: 10px !important;
		font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;

		code {
			background-color: transparent;
			padding: 16px 10px !important;
			font-size: 100% !important;
			color: #fff;
			display: inline-block !important;
			line-height: 24px !important;
			font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
			max-width: unset;
			margin: 0;
			overflow: visible;
			word-wrap: normal;
			border: 0;
		}
	}

	.katex .katex-mathml {
		display: none;
	}

	iframe {
		border: none;
	}

	a {
		font-weight: 500;
		color: #3eaf7c;
		text-decoration: none;
		overflow-wrap: break-word;

		&:hover {
			text-decoration: underline;
		}

		&:not([href]) {
			color: inherit;
			text-decoration: none;
		}

		span {
			vertical-align: middle;
		}
	}

	img {
		cursor: pointer;
		max-width: 100%;
		box-sizing: content-box;
		background-color: #fff;
	}

	// 样式覆盖
	ul {
		list-style-type: disc;

		ul {
			list-style-type: circle;

			ul {
				list-style-type: square;
			}
		}
	}

	audio {
		width: 100%;
	}

	video {
		max-width: 100%;
	}

	video[width="0"] {
		width: auto;
	}

	video[height="0"] {
		height: auto;
	}

	.video-js {
		border-radius: 8px;
		overflow: hidden;
	}

	//----------------------
	h1, h2, h3, h4, h5, h6 {
		margin: 0.5em 0;
		font-weight: bolder;
	}

	h1 {
		padding-bottom: .3em;
		font-size: 1.6em;
		border-bottom: 1px solid #eaecef;
	}

	h2 {
		padding-bottom: .3em;
		font-size: 1.5em;
		border-bottom: 1px solid #eaecef;
	}

	h3 {
		font-size: 1.4em;
	}

	h4 {
		font-size: 1.3em;
	}

	h5 {
		font-size: 1.2em;
	}

	h6 {
		font-size: 1.1em;
	}

	img, audio, video {
		max-width: 100%;
	}

	blockquote, dl, ol, p, pre, table, ul {
		margin-top: 0;
		margin-bottom: 16px;
	}

	table {
		p {
			margin-bottom: 0;
		}

		p + p {
			margin-top: 16px;
		}
	}

	hr {
		box-sizing: content-box;
		overflow: hidden;
		height: 0;
		padding: 0;
		border: 0;
		border-bottom: 2px solid #eee;
		margin: 24px 0;
	}

	mark {
		padding: 0;
		background-color: #ffff00;
	}
}
